.zd-panel {
    width: 33.33%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 899;
    .zd-panel-head {
        text-align: center;
        line-height: 30px;
        background: $primary;
        color: #fff;
        .fa-close {
            float: right;
            line-height: 30px;
            margin-right: 10px;
        }
    }
    .zd-panel-body {
        height: 100%;
        padding-bottom: 30px;
        box-sizing: border-box;
        overflow-y: auto;
    }
    &.fixed {
       position: fixed;
    }
    &.min {
        bottom: auto;
        .zd-panel-body {
            display: none;
        }
    }
    &.right {
        right: 0;
        left: auto;
    }
}